<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE HTML>
<ui:composition template="/dinamico/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<ui:define name="conteudo">
		<h:form enctype="multipart/form-data">
			<p:panel header="Detalhar Contas - Cliente" >
				<p:fieldset legend="Lista De Contas - Cliente">
				
					<p:dataTable
						value="#{detalharContasManagedBean.contasCliente}"
						var="conta"
						paginator="true"
						paginatorAlwaysVisible="true"
						rows="10"
					>
						<p:column headerText="Cliente">
							<h:outputText value="#{conta.servico.cliente.usuario}" />
						</p:column>
					
						<p:column headerText="Vencimento">
							<h:outputText value="#{conta.dataVencimento}" >
								<f:convertDateTime timeZone="America_SaoPaulo" locale="pt_BR" pattern="dd/MM/yyyy"/>
							</h:outputText>
						</p:column>
						
						<p:column headerText="Valor(R$)">
							<h:outputText value="R$" />
							<h:outputText value="#{conta.valor}" >
								<f:convertNumber currencyCode="BRL" pattern="#,##0.00"/>
							</h:outputText>
						</p:column>
						
						<p:column headerText="Status">
							<p:commandLink oncomplete="verComprovante.show()" actionListener="#{detalharContasManagedBean.verAnexo(conta.comprovante)}">
								<h:outputText value="Pendente" rendered="#{conta.statusPagamento eq 1 and not empty conta.comprovante}"/>
							</p:commandLink>
							
							<p:commandLink  oncomplete="anexarComprovante.show()">
								<h:outputText value="Pendente" rendered="#{conta.statusPagamento eq 1 and empty conta.comprovante}"/> 
								<f:setPropertyActionListener target="#{detalharContasManagedBean.contaSelecionada}" value="#{conta}"/>
							</p:commandLink>
							
							<p:commandLink  onclick="opcoesComprovante.show()">
								<h:outputText value="Acerto" rendered="#{conta.statusPagamento eq 4 and not empty conta.comprovante}"/> 
							</p:commandLink>
							
							<p:commandLink  onclick="anexarComprovante.show()">
								<h:outputText value="Acerto" rendered="#{conta.statusPagamento eq 4 and empty conta.comprovante}"/> 
							</p:commandLink>
							
							<h:outputText value="Paga" rendered="#{conta.statusPagamento eq 2}"/>
							<h:outputText value="Cancelada" rendered="#{conta.statusPagamento eq 3}"/>
						</p:column>
						
					</p:dataTable>
					
				</p:fieldset>
			</p:panel>
			
			<p:dialog
				widgetVar="anexarComprovante"
				resizable="false"
				draggable="false"
				modal="true"
				header="Anexe o comprovante"
			>
				<h:panelGrid columns="3" cellpadding="5">
						
					<p:outputLabel styleClass="label" value="Comprovante: "/>
					<p:fileUpload
						mode="simple"
						value="#{detalharContasManagedBean.comprovante}"
					/>
					<p:commandButton
						value="Enviar"
						ajax="false"
						action="#{detalharContasManagedBean.enviarComprovante()}"
					/>
				
				</h:panelGrid>
			
			</p:dialog>
			<p:dialog
				widgetVar="verComprovante"
				modal="true"
				dynamic="true"
				header="Visualizando comprovante"
			>
				<p:media
					value="/comprovante.pdf"
					width="850"
					height="500"
					rendered="#{detalharContasManagedBean.comprovantePdf}"
				/>
				<p:graphicImage
					value="/imagem.jpg"
					width="850"
					height="500"
					rendered="#{detalharContasManagedBean.comprovanteImagem}"
				/>
			
			</p:dialog>
			
			
		</h:form>
	</ui:define>
</ui:composition>